<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业2</title>
		
	</head>
	<body>
		<hr>
		<p>2.新制作一个页面，要求：
       2.1 至少包含以下元素：3个DIV,标题，5个P标签，图片，列表 
       2.2 分别实现 id,类，标签三种方式查找以上元素</p>
	   <hr>
	   <div id="div1" class="classdiv2">我是div1</div>
	   <div id="div2">我是div2</div>
	   
	   <div id="div3" style="border: 1px solid black;">我是div3
		<h2 class="text1">标题1</h2>
		<p>p1</p>
		<p>p2</p>
		<p>p3</p>
		<p>p4</p>
		<p>p5</p>
	   </div>
	   <hr>
	   <img class="jpg_1" src="../img/img.jpg" class="img1" style="width: 200px; height: 200px;">
	   <select name="select1">
	   <option value="1">小黄"学长"偷外卖！</option>
	   </select>
	</body>
	
	<script type="text/javascript">
		//2.1 至少包含以下元素：3个DIV,标题，5个P标签，图片，列表
		// 2.2 分别实现 id,类，标签三种方式查找以上元素
		//3个DIV
		var div_1=document.getElementById('div3');
		console.log(div_1);
		//标题
		var text_1=document.getElementsByClassName('text1');
		console.log(text_1);
		//5个P标签
		var p_1=div_1.getElementsByTagName('p');
		console.log(p_1);
		//图片
		var img_1=document.getElementsByClassName('jpg_1');
		console.log(img_1);
		//列表
		var select_1=document.getElementsByName('select1');
		console.log(select_1);
	</script>
</html>
